<template>
	<Load />
	<Header />
	<Content />
	<Foote />
	<GoTop />
</template>

<script setup lang="ts" name="App">
	import { onMounted } from 'vue'
	import swal from 'sweetalert'

	import Header from '@/components/Header.vue'
	import Load from '@/components/Load.vue'
	import Content from '@/components/Content.vue'
	import Foote from '@/components/Foote.vue'
	import GoTop from '@/components/GoTop.vue'
	
	import '@/assets/css/initialize.css'
	import '@/assets/font/DOTTEDSONGTIDIAMONDREGULAR.css'
	import '@/assets/css/main.css'

	onMounted(() => {
		const titleElement = document.querySelector('title')
		const webName = titleElement ? titleElement.textContent : 'null'
		console.log(`%c欢迎来到:%c${webName}`, 'padding: 5px 10px; border-radius: 5px 0 0 5px; background-color: #0380f4; font-weight: bold;', 'padding: 5px 10px; border-radius: 0 5px 5px 0; background-color: #03a9f4; font-weight: bold;')
		document.addEventListener('contextmenu', function (e) {
			e.preventDefault()
			swal('为了页面的美观本站禁止右键!', '', 'info')
		})
	})
</script>